<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="选择会员" width="70vw" :visible.sync="mixinEdit_editVisible"
    :before-close="hideBox" append-to-body>
    <div class="dialogStyleBaseBox">

        <LayoutTableSmall>
            <!-- 其他 -->
            <template slot="other"></template>
            <!-- 搜索 -->
            <template slot="search">
            </template>
            <!-- 功能 -->
            <template slot="function">
                <el-button type="primary" @click="batchChecked">批量选择</el-button>
                <el-button type="primary" @click="batchCancel">批量取消</el-button>
            </template>
            <!-- 表格 -->
            <template slot="table">
                <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
                    :ref="mixinPage_vueName+'TableSmall'" height="300px" default-expand-all row-key="id"
                    @selection-change="mixinList_handleSelectionChangeTableSmall">
                    <el-table-column type="selection" width="50" align="center"></el-table-column>
                    <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#">
                    </el-table-column>
                    <el-table-column prop="name" label="等级名称"></el-table-column>
                    <el-table-column prop="grade" label="等级权重"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button style="width:80px;" @click="btnClick(scope)">
                                {{isSelected(scope.row.id)?"取消选择":"选择"}}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>

            </template>
            <!-- 表格选项 -->
            <template slot="options">
                <el-button :disabled="mixinList_selectTableData.length<=0"
                    @click="mixinList_clearSelectionChangeTableSmall()">取消所选
                </el-button>
            </template>
            <!-- 分页 -->
            <template slot="page">
                <el-pagination class="paginationStyle" v-if="mixinList_pageData.total>0" background
                    @current-change="mixinList_pagingData($event,'tableData')"
                    :current-page="mixinList_pageData.pageNum" :page-size.sync="$vFN.Constants.pageSize"
                    layout="total, prev, pager, next,jumper" :total.sync="mixinList_pageData.total">
                </el-pagination>
            </template>


        </LayoutTableSmall>

    </div>



</el-dialog>